<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>精灵图技术六图标</title>
    <style>
        body{
            font-size: 14px;
        }
        .text{
            margin-top: -2px;
        }
        .box {
            display: flex;
            align-items: center;
            width: 1000px;
            height: 20.25px;
            margin-bottom: 5px;
        }

        .Pay {
            background-image: url('v');
            background-position: 0 0;
            background-repeat: no-repeat;
            background-size: 60.25px 40.75px;
            width: 20px;
            height: 20px;
        }

        .Deposit {
            background-image: url('./yvck14.png');
            background-position: -20px 0;
            background-repeat: no-repeat;
            background-size: 60.25px 40.75px;
            width: 20px;
            height: 20px;
        }

        .Delete {
            background-image: url('./yvck14.png');
            background-position: 0 -21px;
            background-repeat: no-repeat;
            background-size: 60.25px 40.75px;
            width: 20px;
            height: 20px;
        }

        .Paste {
            background-image: url('..png');
            background-position: -20px -21px;
            background-repeat: no-repeat;
            background-size: 60.25px 40.75px;
            width: 20px;
            height: 20px;
        }

        .Smile {
            background-image: url('.yvck14.png');
            background-position: -40px 0;
            background-repeat: no-repeat;
            background-size: 60.25px 40.75px;
            width: 20px;
            height: 20px;
        }

        .Edit {
            background-image: url('./yvck14.png');
            background-position: -40px -21px;
            background-repeat: no-repeat;
            background-size: 60.25px 40.75px;
            width: 20px;
            height: 20px;
        }
    </style>
</head>

<body>
    <div class="box">
        <div class="Pay"></div>
        <div class="text">付款图标</div>
    </div>
    <div class="box">
        <span class="Deposit"></span>
        <div class="text">存款图标</div>
    </div>

    <div class="box">
        <span class="Delete"></span>
        <div class="text">删除图标</div>
    </div>
    <div class="box">
        <span class="Paste"></span>
        <div class="text">粘贴图标</div>
    </div>

    <div class="box">
        <span class="Smile"></span>
        <div class="text">笑脸图标</div>
    </div>

    <div class="box">
        <span class="Edit"></span>
        <div class="text">编辑图标</div>
    </div>
</body>

</html>